import React from 'react';
import { axconst } from '@/shared/axconst';
import { AxTable } from '@/components/AxList';

const Detail: React.FC<any> = props => {
    /** 配置列 */
    const columns = [
        {
            title: '物资名称',
            dataIndex: 'material',
            width: axconst.width.material,
        },
        {
            title: 'CAS编码',
            dataIndex: 'casCode',
            width: axconst.width.casCode,
        },
        {
            title: '性状',
            dataIndex: 'character',
            width: axconst.width.fouronly,
        },
        {
            title: '纯度',
            dataIndex: 'purity',
            width: axconst.width.fouronly,
        },
        {
            title: '单位容量',
            dataIndex: 'unitCount',
            width: axconst.width.fouronly,
        },
        {
            title: '单位标识',
            dataIndex: 'unitIdentity',
            width: axconst.width.fouronly,
        },
        {
            title: '供应商',
            dataIndex: 'supply',
            width: axconst.width.long,
        },
        {
            title: '采购教师',
            dataIndex: 'purchaseUser',
            width: axconst.width.fouronly,
        },
        {
            title: '剩余量',
            dataIndex: 'surplus',
            width: axconst.width.fouronly,
        },
    ];

    return (
        <AxTable
            rowKey='id'
            size='default'
            bordered={false}
            columns={columns}
            checkboxModel={false}
            // addemptycolumn={true}
            data={{...axconst.data}}
        />
    );
};

export default Detail;